<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>凑单品</title>
    <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/gsproduct_yhr.css">
</head>

<body>
    <!-- 头部 -->
    <header class="cdp_header">
        <a href="../index.html" class="glyphicon glyphicon-menu-left"></a>
        <span class="cdp_title">凑单品</span>
        <div>
            <a href="javascript:;" class="glyphicon glyphicon-download-alt"></a>
            <span>app下载</span>
        </div>
    </header>
    <!-- 选项卡 -->
    <div id="cdp_choose">
        <div class="btn-group btn-group-justified" role="group" aria-label="...">
            <div class="btn-group" role="group">
                <button type="button" class="btn btn-default dropdown-toggle shopName" data-toggle="dropdown" aria-haspopup="true"
                    aria-expanded="false">
                    店铺
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu formShop">
                    <!-- <li><a href="#">京东</a></li>
                    <li><a href="#">1号店</a></li> -->
                </ul>
            </div>
            <div class="btn-group" role="group">
                <button type="button" class="btn btn-default dropdown-toggle areaName" data-toggle="dropdown" aria-haspopup="true"
                    aria-expanded="false">
                    地区
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu formArea">
                    <!-- <li><a href="#">华南</a></li>
                    <li><a href="#">华北</a></li> -->
                </ul>
            </div>
            <div class="btn-group" role="group">
                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
                    aria-expanded="false">
                    全部价格
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li><a href="#">1-5元</a></li>
                    <li><a href="#">5-10元</a></li>
                </ul>
            </div>
        </div>
        <a href="javascript:;" class="glyphicon glyphicon-search
        "></a>
    </div>
    <!-- 商品列表 -->
    <div class="cdp_proList">
        <ul class="product_list clearfix">
            <!-- <li>
                <a href='javascript:;'>
                    <div class="pro_img">
                        <img src="../img/header_app.png" alt="">
                    </div>
                    <div class="list_content">
                        <p class="list_title">das aasasdasasdasasdasasdasasdsd asasd </p>
                        <div class="list_price">
                            <span class="pro_price">$5.00</span>
                            <span class="pro_tips">去凑单</span>
                        </div>
                    </div>
                </a>
            </li> -->

        </ul>
    </div>

    <script type="text/tempalate" id="tp_shop">
        {{each $data value}}
            <li><a href="javascript:;" data-shopId="{{ value.shopId }}">{{ value.shopName }}</a></li>
        {{/each}}
    </script>

    <script type="text/tempalate" id="tp_area">
        {{each $data value}}
            <li><a href="javascript:;" data-areaId="{{ value.areaId }}">{{ value.areaName }}</a></li>
        {{/each}}
    </script>

    <script type="text/tempalate" id="tp_product">
        {{each $data value}}
        <li>
            <a href='javascript:;' data-productId="{{ value.productId }}">
                <div class="pro_img">
                    <img src="{{ value.productImg }}" alt="">
                </div>
                <div class="list_content">
                    <p class="list_title">{{ value.productName }}</p>
                    <div class="list_price">
                        <span class="pro_price">{{ value.productPrice }}</span>
                        <span class="pro_tips">去凑单</span>
                    </div>
                </div>
            </a>
        </li>
        {{/each}}
    </script>

</body>
<script src="../js/remInit.js"></script>
<script src="../lib/jQuery/jquery-1.12.4.js"></script>
<script src="../lib/bootstrap/js/bootstrap.min.js"></script>
<script src="../lib/art-template-web/art-template-web.js"></script>
<script src="../js/gsproduct_yhr.js"></script>

</html>